.theme-light{
    --atime: #941e1e83;
    --btime: #2576b8;
    --ctime: #fd1d1df8;
    --dtime: #5ace16ee;
    --etime: #f13832d2;
    --ftime: #d65bd0;
    --gtime: #53a553;
    --htime: #33b89059;
    --itime: #778f22;
    --jtime: #3675e9cb;
    --ktime: #d81edf9c;
    --ltime: #000000;
    --mtime: #000000;
    --ntime: #000000;
    --otime: #000000;
    --ptime: #000000;
    --qtime: #000000;
    --rtime: #e45757;
    --stime: #000000;
    --ttime: #000000;
    --utime: #000000;
    --vtime: #26e21569;
    --wtime: #000000;
    --xtime: #000000;
    --ytime: #eedf5c;
    --ztime: #000000;

    --border:#000;
    --line1:#222;
    --line2:#000;
    --line3:#111;
    --weekday:#aa889955;
    --workday:#88aa9955;
    --guidLine:#555;
    --text:#000;
    
}
.theme-dark{
    --atime: #941e1e83;
    --btime: #2576b8;
    --ctime: #fd1d1df8;
    --dtime: #5ace16ee;
    --etime: #f13832d2;
    --ftime: #d65bd0;
    --gtime: #53a553;
    --htime: #33b89059;
    --itime: #778f22;
    --jtime: #3675e9cb;
    --ktime: #d81edf9c;
    --ltime: #000000;
    --mtime: #000000;
    --ntime: #000000;
    --otime: #000000;
    --ptime: #000000;
    --qtime: #000000;
    --rtime: #e45757;
    --stime: #000000;
    --ttime: #000000;
    --utime: #000000;
    --vtime: #26e21569;
    --wtime: #000000;
    --xtime: #000000;
    --ytime: #eedf5c;
    --ztime: #000000;

    --border:#777;
    --line1:#444;
    --line2:#666;
    --line3:#555;
    --weekday:#85110da4;
    --workday:#0a4427ef;
    --guidLine:#555;
    --text:#aaa;
}
.techo{
    display: block;
    margin: 15px auto !important;
    border: var(--border) solid 1px;
    padding:  0px;
}
.cls-techoNomalLine{stroke:var(--line1);stroke-width:2;fill:none } 
.cls-techoPowerLine{stroke:var(--line2);stroke-width:5;fill:none } 
.cls-harderLine{stroke:var(--line3);stroke-width:4;fill:none}
.cls-techoDotLine{stroke:var(--border);stroke-width:8;fill:none }
.cls-transparent{stroke:none;fill:#ffffff88}
.blackPoint{stroke:none;fill:var(--border)}


.countTime{stroke-width:10;fill:none}
.logRing{stroke-width:40;fill:none}

.weekdayTitleBG{stroke:var(--weekday);stroke-width:100;fill:none}
.workdayTitleBG{stroke:var(--workday);stroke-width:100;fill:none}

.redLine{stroke:var(--guidLine);stroke-width:2;fill:none }
.weekTitle{
    font:80px Arial ;
}

/* foreignObject{} */
foreignObject>div{
    border-radius: 40px;
    color: var(--text);
    background:#ffffff00;
    padding:10px;
    font:75px serif;
    height: 100%;
    overflow: hidden;
}
.techo>text{
    fill: var(--text);
}